<template>
  <div id="Domain">
    <TopNav></TopNav>
    <div class="body">
      <Person></Person>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import Person from '../components/domain/Person.vue'
import TopNav from '../components/common/TopNav.vue'
import Footer from '../components/common/Footer.vue'
import {mapState} from 'vuex'

export default {
  name: "Domain",
  components: {
    Person,
    TopNav,
    Footer
  },
  data() {
    return {
    }
  },
  computed: {
    ...mapState(['loginInfo'])
  },
  methods: {
   
  },
  created() {
    
  }
  
}
</script>

<style scoped>
#Domain {
  width: 100%;
}
.body {
  width: 100%;
  display: flex;
  justify-content: center;
}
</style>